.mission-tally-container {
    height: 100%;
    position: relative;

    .tally-sku-title-row {
        display: flex;
        width: 100%;
        background-color: #FFFBBA;
        height: rem(52);
        box-sizing: border-box;
        padding: rem(5) rem(10);
        align-items: center;
        margin-bottom: rem(4);

        .title__pic {
            width: rem(45);
            height: rem(45);
            margin-right: rem(23);
            flex: none;
        }
        .title__info {
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: rem(2) 0;
            box-sizing: border-box;
        }
        
    }
    .sku-bin-row{
        height: rem(52);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #F2F2F2;

        .bin-label {
            width: rem(68);
            flex: none;
            text-align: right;
        }
        .bin-number{
            border-bottom: 1px solid #BBBBBB;
            height: rem(20);
            font-size: rem(20);
            flex: 1;
            color: #3F51B5;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding-bottom: rem(2);
        }
        .bin-operation {
            >span {
                display: inline-block;
                width: rem(24);
                height: rem(24);
                margin-left: rem(12);
            }
        }
    }
    .box-bin-list {
        color: #BBBBBB;
        .no-bin-list {
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: rem(100);
        }
    }

    .submit-btn {
        width: 100%;
        height: rem(34);
        line-height: rem(34);
        background-color: rgba(86, 119, 252, 1);
        text-align: center;
        box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.24);
        position: absolute;
        bottom: 0;
        color: #ffffff;
    }

    .mint-button.mint-button--default.mint-button--normal {
        position: absolute;
        bottom: rem(80);
        left: rem(20);
        background-color: #5677FC;
        color: #ffffff;
        width: rem(56);
        height: rem(56);
        border-radius: 50%;
        &:hover{
            opacity: .8;
        }
    }
    .mint-header {
        background-color: rgba(255, 203, 3, 1);
        font-size: rem(16);
        text-align: center;
        color: #ffffff;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.24);
        border: 1px solid rgba(255, 255, 255, 0);

    }
}